<form id='edit_person_Form' style="margin: 10px 20px 42px 20px">
	<div class="ui_tabs_a" data-opt='{"fx":{"opacity": "toggle"}}'>
		<ul style='font-size:12px'>
			<li>
				<a href="#edit-person-form-tab-1">Личная информация</a>
			</li>
			<li>
				<a href="#edit-person-form-tab-2">Контактная информация</a>
			</li>
			<li>
				<a href="#edit-person-form-tab-4">Фотография</a>
			</li>
			<li>
				<a href="#edit-person-form-tab-5">Оформление</a>
			</li>
		</ul>
		<div id="edit-person-form-tab-1" class='f_s_12'>
			<div class='center w_500'>
				<div class="cell p5 w_250">
					<label for="surname">
						Фамилия
						<span class="red">*</span>
					</label>
					<br />
					<input type="text" class="w_180 ui-widget-content" id="surname" name="person[surname]" value="{surname}"/>
				</div>
				<div class="cell p5 w_250">
					<label for="name">
						Имя
						<span class="red">*</span>
					</label>
					<br />
					<input type="text" class="w_180 ui-widget-content" id="name" name='person[name]' value="{name}"/>
				</div>
			</div>
			<div class='center w_500'>
				<div class="cell p5 w_250">
					<label for="patronymic">
						Отчество
					</label>
					<br />
					<input type="text" class="w_180 ui-widget-content" id="patronymic" name="person[patronymic]" value="{patronymic}"/>
				</div>
				<div class="cell p5 w_250">
					<label for="post">
						Должность
					</label>
					<br />
					<input type="text" class="w_180 ui-widget-content" id="post" name="person[post]" value="{post}"/>
				</div>
			</div>
			<div class='center w_500'>
				<div class="cell p5 w_250">
					<label for="degree">
						Организация
					</label>
					<br />
					<input type="text" class="w_180 ui-widget-content" id="organization" name="person[organization]" value="{organization}" />
				</div>
				<div class="cell p5 w_250">
					<label for="degree">
						Ученая степень
					</label>
					<br />
					<input type="text" class="w_180 ui-widget-content" id="degree" name="person[degree]" value="{degree}"/>
				</div>
			</div>
		</div>
		<div id="edit-person-form-tab-2" class='f_s_12'>
			<div class='center w_500'>
				<div class="cell p5 w_250">
					<label for="country">
						Страна
						<span class="red">*</span>
					</label>
					<br />
					{countries}
				</div>
				<div class="cell p5 w_250">
					<label for="phone">
						Телефон
						<span class="red">*</span>
					</label>
					<br />
					<input class="w_180 ui-widget-content" type="text" id="phone" name="person[phone]" value="{phone}"/>
				</div>
			</div>
			<div class='center w_500'>
				<div class="cell p5 w_250 w50">
					<label for="city">
						Город
						<span class="red">*</span>
					</label>
					<br />
					<input class="w_180 ui-widget-content" type="text" id="city" name="person[city]" value="{city}"/>
				</div>
				<div class="cell p5 w_250">
					<label for="addreess">
						Адрес
					</label>
					<br />
					<input class="w_180 ui-widget-content" type="text" id="address" name="person[address]" value="{address}"/>
				</div>
			</div>
			<div class="center w_500">
				<div class="cell p5 w_250">
					<label for="email">
						Электронный адрес
					</label>
					<br />
					<input class="w_180 ui-widget-content" type="text" id="email" name="person[email]" value="{email}"/>
				</div>
			</div>
		</div>
		<div id="edit-person-form-tab-4" class='f_s_12'>
			<div class='f_s_14 b'>
				Установка фотографии
			</div>
			<div class='m_w_410'>
				В данном разделе Вы можете изменить или загрузить Вашу фотографию, и настроить её отображение в докладах.
			</div>
			<div>
				<div>
					<input type="file" id='person_photo_inp' name='logo'/>
				</div>
				<div class="file_upload" data-url='person/loadPhoto' data-id='person_photo_inp'>Загрузить</div>
			</div>
			<div class="ui-widget-content ui-corner-all p5 m5 op_8">
				<input type="hidden" name='h' id='person_photo_h'/>
				<input type="hidden" name='x' id='person_photo_x'/>
				<input type="hidden" name='y' id='person_photo_y'/>
				<input type="hidden" name='w' id='person_photo_w'/>
				<div class="f_s_14 b p5">
					Ваша фотография:
				</div>
				<img src="static/img/user/{logo}" alt="" {img_size} class='ui-corner-all jcrop' id='person_photo'/>
			</div>
			<div class="ui-widget-content ui-corner-all p5 m5 op_8">
				Отображение в комментариях:
				<div>
					<div class='ui-widget-content m10 w_b'>
						<div class="ui-state-highlight p5 b rel">
							<div class="cell top">
								<div style='width:30px;height:30px;overflow:hidden;' class="ui-widget-content ui-corner-all m5">
									<img src="static/img/user/{logo}" style='width:30px;height:30px;' alt="" id='comment_prev'/>
								</div>
							</div>
							<div class="cell f_s_10 top p5">
								<div>{short_name}</div>
								<div>Дата создания:{date}</div>
							</div>
							<div class="abs" style='top:10px;right:10px'></div>
						</div>
						<div class="text ui-widget-content p10" style='border-top:none'>
							Текст комментария...........
						</div>
					</div>
				</div>
			</div>
			<div class="ui-widget-content ui-corner-all p5 m5 op_8">
				Отображение в докладах:
				<div>
					<div class='op_8 f_s_12 ui-widget-content ui-corner-all' style="width:50%;margin-bottom:10px;">
						<div class="b p5 ui-widget-header ui-corner-all">Автор доклада:</div>
						<div class="cell top">
							<div style='width:66px;height:66px;overflow:hidden;' class="ui-widget-content ui-corner-all m5">
								<img src="static/img/user/{logo}" style='width:66px;height:66px;' alt="" id='report_prev'/>
							</div>
						</div>
						<div class="cell m5 top">
							{short_name}
							{degree_1}
							{post_1}
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="edit-person-form-tab-5" class='f_s_12' style='height:200px'>
			<div class='f_s_14 b'>
				Персональная настройка оформления
			</div>
			<div class='m_w_410'>
				В данном разделе Вы можете изменить оформление портала, выбрав из набора заготовленных оформлений:
			</div>
			<div id="chouseTheme" style="display: inline-block;width:422px;">
			</div>
			<div class="ui-state-highlight ui-corner-all m_w_410 op_8 m5 p10">
				<span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
				Для сохранения изменений оформления, не обязательно нажимать кнопку "Сохранить", достаточно нажать на изображение темы.
			</div>
		</div>
	</div>
	<div id="buttons" class="center" style="margin-top: 10px; margin-left: 45px">
		<a class='but m5' data-url="person/edit" data-opt='{"action":"submit","icon":"check","diaOpt":{"resizable":false}}'>Сохранить</a>
		<a class='but m5' data-opt='{"action":"closeDialog","icon":"cancel"}'>Отменить</a>
	</div>
</form>